<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib prefix="s" uri="/struts-tags"%>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/style.css"/>" />
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/jquery.autocomplete.css"/>" />
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/colorbox.css"/>" />
        <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow|News+Cycle' rel='stylesheet' type='text/css'>

        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

        <title><s:text name="lector.titolweb"/> </title>

        <script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/lectorRSS.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.periodicalupdater.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.autocomplete.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.colorbox.js"/>"></script>

    </head>

    <body>
        <s:hidden id="feedUrlToSubscribe" value=""/>
        
        <div id="readerContainer">

            <div id="header">
                <div id="headerLogo">
                    <a id="refreshHomePage" href="<s:url value="/Lector/MostrarLector"/>"><img src="<s:url value="/img/logo-grande.gif"/>" title='<s:text name="lector.titolweb"/>'/></a>
                </div>

                <div id="headerUserInfo">
                    <p><s:text name="lector.benvingut"/>&nbsp;<a href="<s:url value="/UserEdition"/>"><s:property value="#session.usuariConectat.login"/></a></p>
               	</div>	    

                <div id="headerButtons">
                    <a href="<s:url value="/Recommendations/PersonalizedRecommendations"/>" id="readerButton" class="menuButton">Browse recommendations</a>
                    <a id="mostrarItemsVotats" class="menuButton">See my favorites</a>
                    <a id="afegirSubscripcio" class="menuButton">Add feed</a>
                    <a id="eliminarSubscripcio" class="menuButton">Quit feed</a>
                    <a class="menuButton" href="<s:url value="/Lector/Logout"/>">Logout</a>

                </div>



            </div>
            <div id="menuPrincipal">


                <div style="display:none">

                    <!-- Caixa emergent que conte el formulari de afegir una subscripcio nova-->

                    <div id="formAfegirSubscripcio" style="padding:10px; background:#fff;">

                        <s:form id="formAfegirSubscripcio" cssClass="divFlotant">
                            <s:actionerror/>                               
                            <s:textfield id="urlFeedAfegir" name="urlFeedAfegir" label="%{getText('lector.afegirsubscripcio.link')}"/> 
                            <s:textfield id="formEtiqueta" name="formEtiqueta" label="%{getText('lector.afegirsubscripcio.etiqueta')}"/>
                            <s:submit value="Subscribe" id="buttonFormAfegirSubscripcio" cssClass="buttonFormSubscripcio"/>
                        </s:form>

                        <div id="textLoadingAfegirSubscripcio" class="textLoading"></div>
                    </div>

                </div>
                
                  <div style="display:none">

                    <!-- Caixa emergent que conte el formulari de afegir una subscripcio nova-->

                    <div id="addSubscriptionFromRecommendation" style="padding:10px; background:#fff;">

                        <s:form id="formAddSubscriptionFromRecommendation" cssClass="divFlotant">
                            <s:hidden id="urlFeed"/>
                            <s:actionerror/>                             
                            <s:label for="labelFeed">label it! </s:label>
                            <s:textfield id="labelFeed" name="label"/>
                            <s:submit value="Subscribe" id="btnAddRecommendedSubscription"/>
                        </s:form>

                        <div id="textLoadingAfegirSubscripcio" class="textLoading"></div>
                    </div>

                </div>

                <!-- Caixa emergent que conte el formulari de eliminar una subscripcio existent -->
                <div style="display:none">

                    <div id="formEliminarSubscripcio"  style="padding:10px; background:#fff;">
                        <s:form id="formEliminarSubscripcio" cssClass="divFlotant">
                            <s:actionerror />
                            <label for="urlFeedEsborrar"><s:text name="lector.treuresubscripcio.escull"/></label>
                            <select id="urlFeedEsborrar" name="urlFeedEsborrar" style="width:150px;font:16px"/>
                            <s:submit id="buttonFormEliminarSubscripcio" value="Ok!" cssClass="buttonFormSubscripcio"/>
                        </s:form>

                        <div id="textLoadingEliminarSubscripcio"></div>

                    </div>

                </div>

                <div style="clear: both;cursor: pointer;font-size: 1.2em;font-weight: bold;margin: 5px 0 5px 15px;">Search by Topic</div>
                <s:textfield id='topicName' cssStyle='margin: 5px 5px 5px 15px; float:left;' value='type to search...'/>
                <input type="button" value="Find and read" id="searchByTopicBtn" style="cursor: pointer; float:left; margin: 5px 0;" class="module2"/>

                <div id="titleLlistaSubscriptions" class="titleMenuPrincipal">My Subscriptions</div><div id="refreshingS" style="float:left; clear:both;" class="loading"></div>
                <div id="llistaSubscripcions"></div>
                <div id="titleLlistaTopics" class="titleMenuPrincipal">Preferred Topics</div><div id="refreshingT" style="float:left; clear:both;" class="loading"></div>
                <div id="llistaTopics"></div>
                <div id="titleLlistaNeighbors" class="titleMenuPrincipal">Preferred Neighbors</div><div id="refreshingN" style="float:left; clear:both;" class="loading"></div>
                <div id="llistaNeighbors"></div>

            </div>


            <div id="zonaLectura">

                <div id="capcaleraZonaLectura">
                    <div id="titolFeed"></div>
                    <div id="mostrarPantallaCompleta"></div>
                    <div id="markAllAsReaded"></div>

                    <div id="magrada"></div>
                    <div id="contenidorTextMostrarItems"></div>
                </div>


                <div id="textMain">  
                    <h1 id="welcomeMessage"><s:text name="lector.titolpagina"/></h1>
                    <s:text name="lector.paragraf1"/>
                    <s:text name="lector.paragraf2"/>

                </div>

                <div id="llistaItemsSubscripcio" style="display: none;">
                </div>
                <div id="bottomReadingsList" style="display: none;"><img src="../img/ajax-loader.gif"/>Showing more items...</div>
                <!--<div id="contenidorItem" style="display: none;">
                
                </div>-->

            </div>
        </div>
    </body>
</html>